<template>
	<view class="wp">
		<image :src="info.thumb" mode="widthFix"></image>
		<view class="buttons">
			<button @click="$navTo(info.url)">立即购买</button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				info: {
					thumb: "",
					url: ""
				}
			}
		},
		onLoad() {
			this.getInfo();
		},
		methods: {
			getInfo() {
				this.$axios('center/openVip', 'POST', 'member').then(res => {
					if (res.data.code == 200) {
						this.info = res.data.data;
					}
				})
			}
		}
	}
</script>

<style lang="scss">
	.wp {
		image {
			width: 100%;
		}

		.buttons {
			padding: 20upx 50upx 20upx 50upx;
			text-align: center;

			button {
				background: rgb(0, 0, 0);
				color: #eab13a;
			}
		}
	}
</style>